<!--
This is an internal only page meant for debugging. It is not intended for
general use and is not localized.
-->
<!doctype html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta name="color-scheme" content="light dark">
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<style>
:root {
  --color-row-hover: rgb(255, 255, 170);
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-row-hover: rgb(3, 220, 176);
  }
}
body {
  margin: 10px;
  min-width: 47em;
}

a {
  text-decoration: none;
}

#header {
  background: url(../../../../ui/webui/resources/images/warning.svg)
      left center / 48px no-repeat;
  box-sizing: border-box;
  margin-bottom: 1.05em;
  overflow: hidden;
  padding-inline-start: 0;
  position: relative;
}

html[dir=rtl] #header {
  background-position-x: right;
}

#header h1 {
  line-height: 48px;
  padding-inline-start: 51px;
}

h1 {
  font-size: 156%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#blurb-container {
  font-size: 120%;
  padding-bottom: 1.5em;
}

#third-party-conflicts-status {
  padding-bottom: 1.5em;
}

div.content {
  margin-top: 5px;
}

.section-header {
  background: rgb(235, 239, 249);
  border-top: 1px solid rgb(181, 199, 222);
  color: black;
  padding-bottom: 2px;
  padding-inline-start: 5px;
  padding-top: 3px;
  width: 100%;
}

.section-header-title {
  font-weight: bold;
}

.vbox-container {
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.wbox {
  -webkit-box-align: stretch;
  -webkit-box-flex: 1;
  display: -webkit-box;
}

#top {
  padding-inline-end: 5px;
}

.module-loaded > td {
  padding-bottom: 4px;
  padding-top: 5px;
}

.module:hover {
  background: var(--color-row-hover);
}

.module-name {
  font-weight: bold;
}

.no-modules {
  font-size: 1.2em;
  margin: 6em 0 0;
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.clearing {
  clear: left;
  float: left;
}

html[dir=rtl] .clearing {
  clear: right;
  float: right;
}

.datacell {
  border-bottom: 1px solid #aaa;
}
</style>
</head>
<body>
<div id="loading-message">Loading…</div>

<div id="body-container" style="visibility:hidden">

  <div id="header"><h1>Modules loaded</h1></div>

  <div id="blurb-container">
    <span>This page lists <a href="#">all</a> modules loaded into the
       <a href="#B">browser</a> and <a href="#R">renderer</a> processes and
       modules registered to load at a <a href="#None">later</a> point.</span>
  </div>

  <div id="modulesTemplate">

    <div id="third-party-conflicts-status">
      Third-Party Module Features Status
      <div>
        <span jscontent="thirdPartyFeatureStatus">STATUS</span>
      </div>
    </div>

    <div id="container" class="vbox-container">
      <div id="top" class="wbox">
        <div class="section-header">
              <span class="section-header-title"
                    jscontent="moduleCount">COUNT</span> modules
        </div>
      </div>
    </div>

    <div class="content">
      <div class="module-name no-modules"
           jsdisplay="moduleList.length === 0">
        <div>Unable to detect any modules loaded.</div>
      </div>

      <div jsdisplay="moduleList.length &gt; 0">
      <table width="100%" cellpadding="0" cellspacing="0">
      <tr class="module-loaded">
      <td valign="top">
        <table cellpadding="2" cellspacing="0" border="0">
          <tr>
            <td class="datacell">
              <span dir="ltr">Software</span>
            </td>
            <td class="datacell">
              <span dir="ltr">Signed by</span>
            </td>
            <td class="datacell">
              <span dir="ltr">Version</span>
            </td>
            <td class="datacell">
              <span dir="ltr">Code Id</span>
            </td>
            <td class="datacell">
              <span dir="ltr">Process types</span>
            </td>
            <td class="datacell">
              <span dir="ltr">Location</span>
            </td>
            <td jsdisplay="thirdPartyFeatureEnabled" class="datacell">
              <span dir="ltr">Conflicts Status</span>
            </td>
          </tr>
          <tr jsvalues="data-process:process_types.toLowerCase()"
            jsselect="moduleList" class="module">
            <td valign="top" class="datacell">
              <span dir="ltr"
                    jsvalues=".textContent:description"
                    class="clearing nowrap"></span>
            </td>
            <td valign="top" class="datacell">
              <span dir="ltr" jscontent="digital_signer" class="nowrap">
                SIGNER
              </span>
            </td>
            <td valign="top" class="datacell">
              <span dir="ltr" jscontent="version" class="nowrap">VERSION</span>
            </td>
            <td valign="top" class="datacell">
              <span dir="ltr" jscontent="code_id" class="nowrap">CODE_ID</span>
            </td>
            <td valign="top" class="datacell">
              <span dir="ltr" jscontent="process_types" class="nowrap">
                PROCESS_TYPES
              </span>
            </td>
            <td valign="top" class="datacell">
              <span class="nowrap">
                <span dir="ltr" jscontent="location">LOCATION</span>
                <strong>
                  <span dir="ltr" jscontent="name">NAME</span>
                </strong>
                <span dir="ltr" jsdisplay="type_description.length &gt; 0">
                    (
                    <span dir="ltr" jscontent="type_description">
                      MODULE_TYPE
                    </span>
                    )
                </span>
              </span>
            </td>
            <span jsdisplay="third_party_module_status.length &gt; 0">
              <td valign="top" class="datacell nowrap">
                <span jscontent="third_party_module_status">
                  THIRD_PARTY_MODULE_STATUS
                </span>
              </td>
            </span>
          </tr>
        </table>
      </td>
      </tr>
      </table>
      </div>
    </div>
  </div>
</div>
<script src="chrome://resources/js/jstemplate_compiled.js"></script>
<script type="module" src="chrome://conflicts/conflicts.js"></script>
</body>
</html>
